<script setup>
import { ref } from 'vue'
const isup = ref(false);
const vUrl = ref('');
import wlsPopup from '@/components/common/wls-popup.vue'

const open = (item) => {
    vUrl.value = item;
    isup.value = true
}


defineExpose({ open })

</script>

<template>
    <wls-popup v-if="isup">
        <div class="wls-u">
            <div class="d-lkb-c" @click.stop="isup = false">
                <i class="icon iconfont icon-guanbi" style="color: #387BFF;font-size:30px;"></i>
            </div>

            <video :src="vUrl" controls></video>

        </div>
    </wls-popup>
</template>

<style scoped>
.wls-u {
    width: 100%;
    height: 100%;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    position: relative;
    overflow: hidden;
}


.d-lkb-c {
    position: absolute;
    top: -5px;
    right: 0;
    z-index: 2;
    cursor: pointer;
}

.wls-u video {
    width: 100%;
    height: 100%;
}
</style>